@charset "UTF-8";
body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, select, textarea, button, th, td, menu {
  margin: 0;
  padding: 0; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

ul, dl, ol {
  list-style: none; }

img, fieldset, input[type="submit"] {
  border: 0 none; }

em {
  font-style: normal; }

strong {
  font-weight: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button, input[type="button"] {
  cursor: pointer;
  border: 0 none; }

a, button, input, img {
  -webkit-touch-callout: none; }

img {
  /*pointer-events:none;*/
  /*禁止图片的点击事件，例如长按保存图片*/ }

input, select, textarea {
  outline: none; }

a {
  text-decoration: none;
  color: #000000; }

.fl {
  float: left; }

.fr {
  float: right; }

.clear {
  clear: both; }

.clearfix::after {
  content: "";
  display: block;
  clear: both; }

html, body {
  /*禁止用户选择元素*/
  -webkit-tap-highlight-color: transparent; }

html {
  height: 100%;
  width: 100%;
  font-family: 'Heiti SC', 'Microsoft YaHei';
  outline: 0;
  -webkit-text-size-adjust: none; }

body {
  height: 100%;
  margin: 0;
  position: relative; }

.header {
  width: 1130px;
  height: 98px;
  margin: 0 auto; }
  .header img {
    height: 100%; }

.webcon {
  width: 100%;
  min-width: 1349px;
  height: 588px;
  background-image: url(../img/xiaomiwang.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  position: relative; }
  .webcon > a {
    display: block;
    width: 100%;
    height: 100%; }
  .webcon .content {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    width: 1130px;
    height: 588px;
    margin: 0 auto; }

#account {
  display: block; }

#code {
  display: none; }
  #code:target {
    display: block; }

.login {
  width: 410px;
  height: 524px;
  position: absolute;
  top: 32px;
  right: 0;
  background: #FFFFFF; }
  .login .option {
    width: 410px;
    height: 82px;
    padding-top: 27px;
    font-size: 24px;
    margin-bottom: 14px;
    text-align: center; }
    .login .option a {
      color: #666; }
      .login .option a:hover {
        color: #ff6709; }
      .login .option a.actived {
        color: #ff6709; }
    .login .option span {
      margin: 0 40px;
      color: #e0e0e0; }
  .login .case {
    height: 428px; }
  .login .account form {
    width: 348px;
    height: 340px;
    margin: 0 auto; }
  .login .account input {
    border: 1px solid #e0e0e0;
    padding: 13px 15px;
    font-size: 14px;
    color: #333;
    height: 50px;
    vertical-align: top; }
  .login .account li {
    height: 50px;
    margin-top: 14px; }
    .login .account li:nth-last-of-type(2) {
      margin-top: 24px; }
  .login .account .username {
    width: 348px; }
  .login .account .password {
    width: 348px; }
  .login .account .yzm {
    width: 200px; }
  .login .account .yzm_img {
    display: inline-block;
    width: 125px;
    height: 42px; }
  .login .account .submit {
    font-family: arial,"Hiragino Sans GB","Microsoft YaHei",sans-serif;
    width: 348px;
    background-color: #ff6709;
    border: 0;
    color: #FFFFFF;
    cursor: pointer; }
  .login .account .hint {
    display: none; }
  .login .account .other {
    font-size: 14px;
    margin-top: 6px; }
    .login .account .other span {
      color: #ff6709; }
    .login .account .other .zc a {
      color: #999; }
    .login .account .other .zc span {
      color: #999; }
  .login .account .bottom {
    width: 348px;
    height: 65px;
    margin: 0 auto;
    padding-top: 7px; }
    .login .account .bottom .wire {
      text-align: center;
      height: 1px;
      border-right: 120px solid #e0e0e0;
      border-left: 120px solid #e0e0e0;
      position: relative;
      margin-bottom: 18px; }
      .login .account .bottom .wire span {
        position: absolute;
        text-align: center;
        padding: 0 5px;
        color: #bbb;
        height: 14px;
        line-height: 14px;
        font-size: 14px;
        top: -7px;
        left: 0;
        right: 0;
        margin: 0 auto; }
    .login .account .bottom .other_login {
      height: 40px;
      text-align: center;
      line-height: 30px; }
      .login .account .bottom .other_login a {
        color: #757575;
        margin: 0 17px; }
      .login .account .bottom .other_login i {
        font-size: 30px;
        vertical-align: middle; }
      .login .account .bottom .other_login .icon-weibo-copy {
        font-size: 35px; }
        .login .account .bottom .other_login .icon-weibo-copy:hover {
          color: #d32f2f; }
      .login .account .bottom .other_login .icon-qq:hover {
        color: #0288d1; }
      .login .account .bottom .other_login .icon-iconfonticonfontzhifubao:hover {
        color: #0ae; }
      .login .account .bottom .other_login .icon-weixin:hover {
        color: #00d20d; }
  .login .code {
    padding-top: 78px; }
    .login .code .code_img {
      height: 180px;
      text-align: center;
      margin-bottom: 14px; }
      .login .code .code_img img {
        height: 100%; }
    .login .code li {
      color: #757575;
      font-size: 14px;
      text-align: center; }
      .login .code li span {
        color: #ff6709; }

footer {
  margin-top: 100px; }
  footer ul {
    text-align: center;
    font-size: 14px;
    color: #757575; }
    footer ul li {
      height: 34px; }
      footer ul li a {
        color: #757575; }
      footer ul li:first-of-type a {
        padding: 0 10px; }
      footer ul li span {
        vertical-align: middle; }
